<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="en">
<!--<![endif]-->
<head lang="en">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv= "Expires" CONTENT="0">
    <meta http-equiv= "Cache-Control" CONTENT="no-cache">
    <meta http-equiv= "Pragma" CONTENT="no-cache">
    <meta name= "viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <meta name= "apple-mobile-web-app-capable" content="yes">
    <meta name= "apple-mobile-web-app-status-bar-style" content="black">
    <meta name= "format-detection" content="telephone=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>如释瑜伽</title>
    <!-- Bootstrap -->
    <link href="__TMPL__Public/css/bootstrap.min.css" rel="stylesheet">
    <!--作者：cubefan时间：2016-09-01描述：主样式表-->
    <link href="__TMPL__Public/css/style.css" rel="stylesheet">
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="__TMPL__Public/js/jquery-1.11.3.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="__TMPL__Public/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="__TMPL__Public/js/layout.js"></script>
    <!--作者：cubefan时间：2016-09-01描述：主js-->
    <script type="text/javascript" src="__TMPL__Public/js/fanerge.js"></script>
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script type="text/javascript" src="__TMPL__Public/js/html5shiv.min.js"></script>
    <script type="text/javascript" src="__TMPL__Public/js/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div id="header" class="row mg0">
    <span class="col-lg-12 col-md-12 col-sm-12 col-xs-12 course-head"><a href="javascript:history.back();"><img src='__TMPL__Public/images/return.png' width='12' height='22'/></a>我的课程</span>
</div>
<div id='main' class='mt44 mb49'>
	<ul id="myself-main" class="nav nav-tabs row mg0 ">
		<li class="active col-lg-6 col-md-6 col-sm-6 col-xs-6">
			<a href="#order" data-toggle="tab">
				预约课程
			</a>
		</li>
		<li class='col-lg-6 col-md-6 col-sm-6 col-xs-6'>
			<a href="#complete" data-toggle="tab">
				完成课程
			</a>
		</li>
	</ul>
	<div class='myself-bg'></div>
	<div id="myself-content" class="tab-content">
		<div class="tab-pane fade in active" id="order">
		<ul>
		<volist name='ms1' id='show1'>
			<li class='week-course row mg0'>
				<div class='week-time col-lg-1 col-md-1 col-sm-2 col-xs-3'>
					<p>{$show1.stime}</p>
				</div>
				<div class='week-subject col-lg-10 col-md-10 col-sm-8 col-xs-6'>
					<h3>{$show1.lesson}({$show1.lessontype})</h3>
					<p class='coach-name'>教练：{$show1.coachname}</p>
					<p class='coach-person'>场馆：{$show1.sitename}({$show1.sdate})</p>
				</div>
				<div class='coach-order col-lg-1 col-md-1 col-sm-2 col-xs-3'>
					<!-- 模态框（Modal）评分 -->
					<a class="order-btn-1" href='index.php?m=Choose&a=precancel&lid={$show1.lid}'>取消预约</a>
				</div>
			</li>
		</volist>
		<volist name='ms2' id='show2'>
			<li class='week-course row mg0'>
				<div class='week-time col-lg-1 col-md-1 col-sm-2 col-xs-3'>
					{$show2.stime}
				</div>
				<div class='week-subject col-lg-10 col-md-10 col-sm-8 col-xs-6'>
					<h3>{$show2.lesson}({$show2.lessontype})</h3>
					<p class='coach-name'>教练：{$show2.coachname}</p>
					<p class='coach-person'>场馆：{$show2.sitename}({$show2.sdate})</p>
				</div>
				<div class='coach-order col-lg-1 col-md-1 col-sm-2 col-xs-3'>
					<!-- 模态框（Modal）评分 -->
					<a class="order-btn-1" href='index.php?m=Choose&a=precancel&lid={$show2.lid}'>取消预约</a>
					<p style="color:#f00;margin-top:10px;margin-left:10px;">排队中</p>
				</div>
			</li>
		</volist>
		</ul>
		</div>
		<div class="tab-pane fade" id="complete">
		<ul>
		<volist name='ms3' id='show3'>
			<li class='week-course row mg0'>
				<div class='week-time col-lg-1 col-md-1 col-sm-2 col-xs-3'>
					{$show3.stime}
				</div>
				<div class='week-subject col-lg-10 col-md-10 col-sm-8 col-xs-6'>
					<h3>{$show3.lesson}({$show3.lessontype})</h3>
					<p class='coach-name'>教练：{$show3.coachname}</p>
					<p class='coach-person'>场馆：{$show3.sitename}({$show3.sdate})</p>
				</div>
				<div class='myself-right col-lg-1 col-md-1 col-sm-2 col-xs-3 pd0'>
					<p style="display:{$show3['button'][0]}"><img src='__TMPL__Public/images/no-sign.png' width='12'/> 未签到</p>
					<p style="display:{$show3['button'][2]}"><img src='__TMPL__Public/images/sign.png' width='12'/> 已签到</p>
					<br/>
					<p><a href='index.php?m=Choose&a=prejudge&lid={$show3.lid}' style="display:{$show3['button'][1]}"><img src='__TMPL__Public/images/no-judge.png' width='12'/> 评价</a></p>
					<p class='yes-judge' style="display:{$show3['button'][3]}"><img src='__TMPL__Public/images/judge.png' width='12'/> 已评价</p>
				</div>
			</li>
		</volist>
		</ul>
		</div>
	</div>
</div>
<!-- 模态框（Modal）2小时取消约课 -->
<div class="modal fade" id="alert-cancel" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content" id='alert-cancel-main'>
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				<div class='alert-cancel-pic'><img src="__TMPL__Public/images/cancel.png" width='40'></div>
				<p class='alert-cancel-info'>开课前2小时内不可取消预约</p>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>
<!-- 模态框（Modal）必须评分 -->
<div class="modal fade" id="alert-judge" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content" id='alert-cancel-main'>
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				<div class='alert-cancel-pic'><img src="__TMPL__Public/images/cancel.png" width='40'></div>
				<p class='alert-cancel-info'>请对上一门课程进行评价</p>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>
<!-- 模态框（Modal）预约 -->
<div class="modal fade" id="alert-order" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content" id='alert-cancel-main'>
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				<div class='alert-order-pic'><img src="__TMPL__Public/images/success.png" width='40'></div>
				<p class='member-type'>如初卡会员</p>
				<p class='alert-order-info'>周三 18:00-如释空中瑜伽课程</p>
				<h3 class='alert-order-success'>预约成功</h3>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>
<!-- 模态框（Modal）购买 -->
<div class="modal fade" id="alert-sell" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content" id='alert-cancel-main'>
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				<div class='alert-order-pic'><img src="__TMPL__Public/images/cancel.png" width='40'></div>
				<p class='member-type'>如初卡会员</p>
				<p class='alert-order-info'>没有权限预约本课程</p>
				<a class='alert-sell-btn' href='javascript:void(0);'>立即购买</a>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>
<!-- 模态框（Modal）非如释会员购买 -->
<div class="modal fade" id="alert-sell-1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content" id='alert-cancel-main'>
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				<div class='alert-order-pic'><img src="__TMPL__Public/images/cancel.png" width='40'></div>
				<p class='member-type'>非如释会员</p>
				<p class='alert-order-info'>没有权限预约本课程</p>
				<a class='alert-sell-btn' href='javascript:void(0);'>立即购买</a>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>
<div id="footer">
    <a href="index.php?m=Choose&a=index">
        <img class='footer-1' src='__TMPL__Public/images/bottom/1-1.png' width="27" height="37"/>
    </a>
    <a href="index.php?m=Choose&a=order">
        <img class='footer-2' src='__TMPL__Public/images/bottom/2-1.png' width="27" height="37"/>
    </a>
    <a  href="index.php?m=Choose&a=store">
        <img class='footer-3' src='__TMPL__Public/images/bottom/3-1.png' width="27" height="37"/>
    </a>
    <a  href="index.php?m=Choose&a=user">
        <img class='footer-4' src='__TMPL__Public/images/bottom/4.png' width="27" height="37"/>
    </a>
    <a  href="index.php?m=Choose&a=video">
        <img class='footer-5' src='__TMPL__Public/images/bottom/5-1.png' width="27" height="37"/>
    </a>
    <div class='clearfix'></div>
</div>
</body>
</html>